﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <title>首页</title>
    <link rel="stylesheet" href="/css/custom.css" />
</head>
<body style="height:100%">
    <div class="header" style="height:30%">
        <section>
            <div id="weather" style="color:#FFF;padding:5% 5% 5% 10%;width:110%">
            <!-- <div id="weather" style="color:#fff;padding:0%;width:110%;"> -->
                <div style="font-size:1.5rem;"></div>
                <div></div>
                <div></div>
            </div>
        </section>
        <section>
            <dl id="familyInfo" class="headpicbox"></dl>
        </section>
        <section>
            <div class="menubox">
                <div class="moremenu">
                    更多家庭
                </div>
                <div id="menubar" class="menubar"></div>
            </div>
        </section>
    </div>
    <div class="main" style="height:20%">
    <!-- 导航开始 -->

        <!-- 导航结束 -->
        <div class="infobox" style="padding-bottom:7%;">
            <div id="textWarning" class="warningbox"></div>
            <div class="infotitle">
                今日最新
            </div>
            <div class="infocon">
                <table>
                    <tr>
                        <td class="tdright">燕&nbsp;&nbsp;&nbsp;&nbsp;子：</td>
                        <td class="tdleft bluetext" width="25%"><span id="txtHommer"></span></td>
                        <td class="tdleft bluetext"></td>
                    </tr>
                    <tr id="temperature">
                        <td class="tdright">室&nbsp;&nbsp;&nbsp;&nbsp;温：</td>
                        <td class="tdleft bluetext" width="25%"></td>
                        <td class="tdleft"></td>
                    </tr>
                    <tr id="takepills">
                        <td class="tdright">吃&nbsp;&nbsp;&nbsp;&nbsp;药：</td>
                        <td class="tdleft bluetext" width="25%"></td>
                        <td class="bluetext"></td>
                    </tr>
                    <tr id="bloodpressure">
                        <td class="tdright">血&nbsp;&nbsp;&nbsp;&nbsp;压：</td>
                        <td class="tdleft" width="25%"></td>
                        <td class="tdleft bluetext"></td>
                    </tr>
                    <tr id="heartrate">
                        <td class="tdright">心&nbsp;&nbsp;&nbsp;&nbsp;律：</td>
                        <td class="tdleft" width="25%"></td>
                        <td class="tdleft bluetext"></td>
                    </tr>
                </table>
            </div>
        </div>
        <!--  -->
        <div id="groupbtn" class="groupbtn" style="height:80%;border-bottom:0px solid #1f2c51;margin:0px auto;">
          <!-- <div class="infobox"> -->
            <dl>

                <a id="menuactive1" href="views/safe.php">
                    <dt><img src="/img/Index/icon1.png"></dt>
                    <dd>安全</dd>
                </a>
            </dl>
            <dl>
                <a href="views/rest.php">
                    <dt><img src="/img/Index/icon2.png"></dt>
                    <dd>作息</dd>
                </a>
            </dl>
            <dl>
                <a href="views/health.php">
                    <dt><img src="/img/Index/icon3.png"></dt>
                    <dd>健康</dd>
                </a>
            </dl>
            <dl>
                <a href="views/manage.php">
                    <dt><img src="/img/Index/icon4.png"></dt>
                    <dd>更多</dd>
                </a>
            </dl>
        </div>
        <!--  -->
    </div>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/getdata.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script src="/js/index.js"></script>
</body>
</html>
